<template>
  <div class="app">
    <button @click="openDialog">退出按钮</button>
    <!-- isShow.sync  => :isShow="isShow" @update:isShow="isShow=$event" -->
    <BaseButte :visable.sync="isShow"></BaseButte>
<!--     <div class="base-chart-box">
      这是一个捣乱的盒子
    </div>
    <BaseChar> </BaseChar> -->
  </div>
</template>

<script>
import BaseButte from './components/BaseButte.vue';
/* import BaseChar from './components/BaseChar.vue'; */
export default {
  data() {
    return {
      isShow : false
    }
  },
  methods: {
    openDialog(){
      this.isShow ='true'   
    }
  },
  components: {
    BaseButte,
/*     BaseChar */

  },
}
</script>

<style>

</style>
